<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>美国开心果陪你一起打破格局，助燃今夏</title>
    <link rel="stylesheet" href="bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="same.css">
    <link rel="stylesheet" href="css/heathChild.css">
    <script src="js/heathChild.js"></script>
    <script src="js/same.js"></script>
</head>
<body>
    <div id="header">
        <div class="logo">
            <img src="images/logo.png" alt="">
        </div>
        <ul class="nav01">
            <li><a href="index.html">首页</a ></li>
            <li><a href="Menu1.html">菜谱^ </a>
                <dl>
                    <dt>  家常菜</dt>
                        <dd>热菜</dd>
                        <dd>主食</dd>
                        <dd>汤</dd>
                        <dd>早餐</dd>
                        <dd>午餐</dd> 
                        </dl>
                 <dl>
                        <dt>中国菜系 </dt>
                        <dd>粤菜</dd>
                        <dd>北方菜</dd>
                        <dd>川菜</dd>
                        <dd>浙菜</dd>
                        <dd>湖北菜</dd>
                 </dl>   
                   
            </li>
            <li><a href="heath.html">饮食健康^</a>
                <dl>
                    <dt>    <a href="heath.html">饮食健康  </a> </dt>
                        <dd>饮食新闻  </dd>
                        <dd><a href="">美容瘦身  </a> </dd>
                        <dd><a href="">饮食小常识</a></dd>
                        <dd><a href="">功能性调理</a></dd>
                        <dd><a href="">清热火    </a></dd> 
                        </dl>
                 <dl>
                        <dt> <a href="heath.html">人群膳食 </a></dt>
                        <dd>减肥</dd>
                        <dd>祛痰</dd>
                        <dd>滋阴壮阳</dd>
                        <dd>健脾养胃</dd>
                        <dd>人群膳食</dd>
                 </dl>   
                 <dl>
                    <dt> <a href="heath.html">健康常识 </a></dt>
                    <dd>减肥</dd>
                    <dd>祛痰</dd>
                    <dd>滋阴壮阳</dd>
                    <dd>健脾养胃</dd>
                    <dd>人群膳食</dd>
             </dl>
             <dl>
                <dt> <a href="heath.html">药膳养生 </a></dt>
                <dd>减肥</dd>
                <dd>祛痰</dd>
                <dd>滋阴壮阳</dd>
                <dd>健脾养胃</dd>
                <dd>人群膳食</dd>
         </dl>   
             
                 
           
                </li>
            <li><a  href="ontes.html">笔记</a></li>
          <li>  <input type="text" placeholder="搜索菜谱，菜单，食材，用户"><input type="button" value="" id="sear"></li>
            <li><input type="button" value="发布">
            <ul>
                <li><a href="PublishOntes.html">发布笔记</a ></li>
                <li><a href="PublishMenu.html">发布菜谱</a ></li>
            </ul>
            </li>
            <li style="display: block;"><a href="login.html">登录</a>|<a href="zhuce.html">注册</a></li>
             <span></span>
            <div style="clear: both;"></div>
           
            </ul>
        </div>

    <main class="container">
        <div class="row">
            <nav class="top">
                <ul>
                    <li ><a href="heath.html">全部文章</a></li>
                    <!-- <li><a href="">主题站</a></li> -->
                </ul>
            </nav>

            <section class="left col-md-8 col-lg-8 col-sm-12 col-xs-5">
                <div id="articleAll">
                </div>
                <div class="warn"><p>本内容来源于食界，著作权属于作者，转载请注明出处</p></div>
                <div class="comment">
                    <h2>评论</h2>
                    <div>
                        <textarea name="" id="commentContent" cols="30" rows="10" id="ping"></textarea>
                        <input type="button" value="发表评论" id="publish">
                    </div>
                </div>
                <div class="comments">
                    <ul>
                        <li>
                            <img src="images/default.jpg" alt="" class="userImage">
                            <div class="author-comment">
                                <a href="user.html">userName</a>
                                <p class="commtxt">学到了！</p>
                                <p class="time">2020-08-18</p>
                            </div>
                            <hr/>
                        </li>
                    </ul>
                </div>
            </section>
            
            <section class="right hidden-sm hidden-xs col-md-4 col-lg-4">
                <h3>主题站</h3>
                <ul id="topic">
                    <li>
                        <a href="heathTips.html"><img src="https://cp1.douguo.com/upload/post/1458900546.jpg" alt=""></a>
                        <div>
                            <a href="heathTips.html">健康常识</a>
                            <p>分享饮食方面的小知识</p>
                        </div>
                    </li>
                    <li>
                        <a href="heathMedicine.html"><img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1597747988478&di=7cf29533f1360b173856fb9667863579&imgtype=0&src=http%3A%2F%2Fku.90sjimg.com%2Felement_origin_min_pic%2F18%2F03%2F18%2F6c9914b94a2112b628903aa7f143f45e.jpg%2521%2Ffwfh%2F804x920%2Fquality%2F90%2Funsharp%2Ftrue%2Fcompress%2Ftrue" alt=""></a>
                        <div>
                            <a href="heathMedicine.html">药膳养生</a>
                            <p>药材与食材相配的美食</p>
                        </div>
                    </li>
                    <li>
                        <a href="heathPerson.html"><img src="https://cp1.douguo.com/upload/post/1357362330.png" alt=""></a>
                        <div >
                            <a href="heathPerson.html">人群膳食</a>
                            <p>针对不同人群分类</p>
                        </div>
                    </li>
                </ul>
                <div class="welcome">
                    <h3>欢迎来稿</h3>
                    <p>食界提供了一个温暖的平台，如果你是个资深吃货，爱好写作，并且乐于分享，那么我们找的就是你啦！<br/><br/>
                        投稿要求：原创文章，语言流畅，思路清晰，主题与“美食”相关，文章至少2000字，图片精美。<br/><br/>
                        投稿邮箱：shijie@chixing.com 我们期待您的来稿（来稿请注明您的ID）。</p>
                </div>
            </section>
        </div>
    </main>
    <footer>
        <div class="foot">
            <ul class="f1">
                <li>关于食界</li>
                <li>食界美食</li>
                <li>意见反馈</li>
                <li>品牌馆</li>
                <li>菜谱大全</li>
            </ul>
            <p>@2016-2020 欢迎访问我们食界 <a href="">唯有爱与美食不可辜负</a> </p>
        </div>
    </footer>
</body>
</html>